// 导航
.navigation {
	width: 750rpx;
	height: auto;
	display: flex;
	flex-direction: column;
	
	background-color: #1676fe;
	// margin-top: 80rpx;
}

.navigation-header {
	padding-top: var(--status-bar-height);
	display: flex;
	flex-direction: row;
	position: fixed;
	
	top: 0;
	width: 100%;
	z-index: 20000;
	background-color: #1676fe;
}

.phone {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-left: 20rpx;
	
	width: 60rpx;
	position: relative;
}

.seach-input {
	width: 600rpx;
}

.search-add {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	
	width: 70rpx;
	position: relative;
}

.search-ico {
	width: 50rpx;
	height: 50rpx;
}

.search-add-text {
	color: #ffffff;
}

.search-block {
	display: flex;
	flex-direction: row;
	
	margin-top: 180rpx;
	margin-bottom: 20rpx;
}

.search-icon-list{
	width: 80rpx;
	height: 80rpx;
}

.search-icon-single {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: column;
	
	flex: 1;
	color: #FFFFFF;
}

.search-icons-single {
	width: 150rpx;
	height: 150rpx;
	
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}

// 弹出框
.view-dialog {
	background-color: #0f0f07;
	color: #FFFFFF;
	z-index: 2222;
	position: absolute;
	width: 220rpx;
	height: auto;
	top: 100rpx;
	right: 15rpx;
	border-radius: 5px;
	
	display: flex;
	flex-direction: column;
}

.view-dialog-single {
	list-style: none;
	line-height: 80rpx;
	
	display: flex;
	flex-direction: row;
	align-items: center;
}

.search-add ::before {
	z-index: 3000;
	content: "";
	display: block;
	position: absolute;
	left: 178rpx;
	top: -22rpx;
	border-width: 6px;
	border-style: dashed  solid  dashed  dashed;
	border-color:transparent transparent #0f0f07 transparent;
}

.view-dialog-image {
	width: 40rpx;
	height: 40rpx;
	margin-left: 30rpx;
}

.view-dialog-text {
	width: 135rpx;
	margin-left: 15rpx;
	
	display: flex;
	justify-content: flex-start;
}

// 按钮集合
.search-icons {
	margin-top: 20rpx;
	width: 750rpx;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.search-icon-handle{
	width: 80rpx;
}
// 轮播
// .carousel {
// 	width: 750rpx;
// 	height: 440rpx;
// }

// 热门超英
.super-hot {
	margin-top: 12rpx;
	padding: 20rpx;
}

.hot-title-wapper {
	display: flex;
	align-items: center;
}

.hot-ico {
	width: 30rpx;
	height: 30rpx;
	// line-height: 30rpx;
}

.hot-title {
	font-size: 20px;
	margin-left: 15rpx;
}

.hot {
	width: 100%;
	white-space: nowrap;
}

.single-poster {
	display: flex;
}

.poster-wapper {
	display: flex;
	display: inline-block;
	margin-left: 20rpx;
	flex-direction: column;
}

.poster {
	width: 200rpx;
	height: 270rpx;
}

.movie-name {
	width: 200rpx;
	margin-top: 10rpx;
	font-size: 14px;
	font-weight: 900;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	// text-align: center;
}

// 热门预告
.hot-movies {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0 20rpx 20rpx 20rpx;
}

.hot-movie-single {
	width: 350rpx;
	height: 220rpx;
	margin-top: 10rpx;
}

// 猜你喜欢
.guess-u-like {
	display: flex;
	flex-direction: column;
}

.signle-like-movie {
	display: flex;
	flex-direction: row;
	padding: 30rpx 20rpx;
	justify-content: space-between;
}

.like-movie {
	width: 180rpx;
	height: 240rpx;
	border-radius: 3%;
}

.movie-desc {
	width: 340rpx;
	display: flex;
	flex-direction: column;
}

.movie-title {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.movie-info {
	color: #808080;
	font-size: 14px;
}

// 点赞
.movie-oper {
	width: 140rpx;
	display: flex;
	flex-direction: column;
	justify-content: center;
	border-left: 2px dashed #808080;
}

.praise-ico {
	width: 40rpx;
	height: 40rpx;
	align-self: center;
}

.praise-me {
	font-size: 14px;
	color: #feab2a;
	align-self: center;
}

.animation-opacity {
	font-weight: blod;
	opacity: 0;
}